<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./react.js"></script>
    <script src="./react-dom.js"></script>
    <script src="./browser.min.js"></script>
</head>
<body>
    <div id="example"></div>

    <script type="text/babel">
        var InputP = React.createClass({
            getInitialState : function () {
                return {value : "input something please"};
            },
            handleChange : function (event) {
                this.setState({value:event.target.value});
            },
            render: function () {
                var value = this.state.value;
                return <div>
                    <input type="text" value={value} onChange={this.handleChange}/>
                    <p>{value}</p>

                </div>;
            }
        });



        ReactDOM.render(<InputP/>,document.getElementById("example"));
    </script>



</body>
</html>